<template>
	<div>
		<div class="header">
			影院
		</div>
		<div class="content">
			<div class="c_childer" style="width: 100%;display: flex;flex-direction: column;border-bottom: 1px solid #ccc;box-sizing: border-box;
		padding: 20px 15px;"  v-for="i in shuj">
				<span style="display: flex;">
					<i style="font-size: 18px;width: 70%;">{{i.nm}}</i>
					<b style="font-size:18px;color:#f03d37;margin-left: 8px;">53 <i style="font-size: 13px;color:#f03d37;">元起</i></b>
				</span>
				<b style="display: flex;justify-content: space-between;margin-top: 5px;">
					<i style="font-size: 14px;color:#808080;">{{i.addr}}</i>
					<em style="font-size: 14px;color:#808080">400m</em>
				</b>
				<em style="display:flex;padding: 5px 0;">
					<i style="border: 2px solid #ffb950;padding:1px 2px;border-radius: 5px;color:#ffb950;font-size: 10px;" v-if="i.tag.vipTag != undefiend">{{i.tag.vipTag}}</i>
				
				</em>
				<i style="display: flex;align-items: center;">
					<span style="width: 25px;height: 25px;background: #58c1f8;border-radius: 5px;text-align: center;line-height: 25px;font-size: 12px;color:#fff;">卡</span>
					<em style="margin-left: 5px;font-size: 14px;color:#a2a2a2;">开卡特惠，首单1张立减5元</em>
				</i>
			</div>
		</div>
	</div>
</template>
<script>
	export default{
		data(){
			return{
				shuj:''
			}
		},
		created(){
			var _this = this;
			
			_this.$http.post('http://booka1.myue.xzbiz.cn/yingyuan.php').then(function(data){
			console.log(data.data.cinemas);
			_this.shuj = data.data.cinemas
		})
		}
	}
</script>
<style>
	.cinema{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
	}
	.header{
		
		width: 100%;
		height: 60px;
		background: #e54847;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 16px;
		color:#fff;
	}
</style>


